/*头部样式*/

#box{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	background-color: #eeeeee;
}
.header{
	position: fixed;
	right: 0;
	left: 0;
	top:0;
	height: 1.47rem;
	background: #ffd600;
	z-index: 2;
}
.head-content{
	position: absolute;
	top: 0;
	left: 50%;
	line-height: 1.47rem;
	/*right: 5rem;*/
	text-align: center;
	font-weight: 700;
}
.header .find img{
	width: 0.70rem;
	height: 0.70rem;
	margin: 0.1rem;
}
.header .find {
	position: absolute;
	right: .2rem;
}
.footer{
	position: fixed;
    bottom: 0;
	right: 0;
	left: 0;
	height: 1.52rem;
	background-image: url("../images/list.gif");
	z-index: 5;
	
}

.footer ul li .icon img{
	width: .7rem;
	height: .7rem;
	margin: 0.1rem auto;
}
.footer ul{
     display: flex;
}
.footer ul li{
	flex-grow: 1;	
	text-align: center;
}
.footer .text{
	color: #858584;
	font-size: 16px;
}
.content{
	position: absolute;
	top:1.47rem;
	left: 0;
	right: 0;
}
.content .swiper-wrapper{
	width: 100%;
	height: 3.74rem;
}
.content .swiper-wrapper img{
	width: 100%;
	height: 3.74rem;
}
.content .list{
	height: 5.2rem;
	background: #fff;
}
.content .list ul{
	display: flex;	
	flex-wrap: wrap;
	align-items: center;
	padding-top:.5rem ;
}
.content .list ul li img{
	height: 1.6rem;
}
.content .list ul li p{
	text-align: center;
	color: #c8cbd2;
	font-size: .2rem;
}
@media only screen and (min-width: 768px){
	.content .list ul li {
	height: 1.6rem;
	justify-content: space-around;
	flex-grow: 1;
	margin-right: 1.2rem;
   }
}
.content .list2 ul{
	margin-top:0.35rem ;
	display: flex;
	justify-content: space-around;
	
}
.content .list2 ul li img{
	width: 3.3325rem;
	height: 2.89rem;
}
.content .list4 .list3 img{
	height: 1.5rem;
	width: 100%;
	margin-top: .25rem;
}
.content .list4{
	background: #fff;
	margin-top: 0.26rem;
}
 
.content .list4_1{
	display: flex;
	justify-content: space-around;
	padding:0 0.15rem ;
}
.content .list4_1 img{
	height: 1.775rem;
	width: 4.4375rem;
	
}

.content .list4 .list4_2 ul{
	display: flex;
	padding: 0.2rem;
	
}
.content .list4 .list4_2 ul li{
 flex-grow: 1;
     
     
}
.content .list4 .list4_2 ul li img{
     width: 2.2rem;
     height: 2.2rem;
}
.content .list4 .list4_2 ul li p{
	color: #333;
	font-size: 0.37rem;
	text-align: center;
	
}
.content .list4 .list4_3{
	display: flex;
}
.content .list4 .list4_3 img{
	width: 5rem;
	height: 2.02rem;
}
.content .banner1{
	height: 1.28rem;
	background: #fff;

}
.content .banner1 .item{
	border-left: .35rem solid #F38631;
	font-size:0.5rem;
	color: #F38631;
	line-height: 1.28rem;
	padding: 0.1rem 0 0 0.28rem;
	margin: 0.7rem 0 0 3%;
	font-weight: 700;
	
}
.content .banner1 div{
	float: right;
}
.content .banner1 .item2{
   /*float: right;*/
   line-height: 1.28rem;
   color: #999999;
   padding-right: .3rem;
   font-size: 0.4rem;
}
.content .banner1 .item3{
	margin-right: 0.4rem;
}
.content .banner2{
	/*background: url('../template/shouye/images/banner2.jpg');*/
}
.content .banner2 img{
	width: 10rem;
	height: 2.397rem;
	padding: 0.25rem 0.25rem;
}

.content .product ul{
	display: flex;
}
.content .product ul li{
	border-right: 0.05rem solid #eee;
}
.content .product ul li:nth-of-type(3){
	border-right: none;
}
.content .product ul li img{
	width: 3.17rem;
	height: 3.17rem;
	
}
.content .product ul li .p2{
	width: 3.17rem;
	color: #232b33;
	font-size: 0.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .product ul li .flag{
	width:0.885rem ;
	height: 0.5rem;
	border: 1px solid #ff3434;
	border-radius: 0.15rem;
	/*text-align: center;*/
	margin: 0.2rem;
	padding: 0.05rem;
	
}
.content .product ul{
	border-bottom: .38rem solid #eee;
}













/*.content .product ul li span .inner{
	width: 0.4rem;
	height: 0.4rem;
	border: 1px solid #eee;
}*/
